//当添加表单提交时
$('#addCategory').on('submit',function () {
    var formData = $(this).serialize()
    $.ajax({
        type:'post',
        url:'/categories',
        data:formData,
        success:function () {
            //添加成功,重新加载页面
            location.reload()
        }
    })
    return false
})

//打开这个页面时,就获取所有的分类,展示
$.get('/categories',function (response) {
    //console.log(response)
    //获取所有分类,将数据传递到模板,刷新到页面上
    var html = template('categoryListTpl',{data:response})
    $('#categoryBox').html(html)
})

//点击编辑按钮,查询用户信息,再刷新到修改表单上
$('#categoryBox').on('click','.edit',function () {
    //获取id
    var id = $(this).attr('data-id')
    //获取单个分类
    $.get('/categories/'+id,function (response) {
        //console.log(response)
        //将这个分类的数据,刷新到修改分类的表单上
        var html = template('categoryModifyTpl',response)
        $('#formBox').html(html)
    })
})

//当修改分类的表单提交时
$('#formBox').on('submit','#modifyCategory',function () {
    var formData = $(this).serialize()
    var id = $(this).attr('data-id')
    //发起修改请求
    $.ajax({
        type:'put',
        url:"/categories/"+id,
        data:formData,
        success:function () {
            //修改成功,重新刷新页面
            location.reload()
        }
    })
    return false
})

//删除分类
$('#categoryBox').on('click','.delete',function () {
    if ( confirm('你真的要删除这个分类吗?') ) {
        //获取分类的id
        var id = $(this).attr('data-id')
        //发起删除的请求
        $.ajax({
            type:'delete',
            url:'/categories/'+id,
            success:function () {
                //删除完成,刷新页面看结果
                location.reload()
            }
        })
    }
})